<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/xiangqin.css" />
	</head>
	<body>
		<div class="wrap wrap-sm">
			<div class="header">
				<h1>亲约吗~</h1>
			</div>
			<div class="form">
				<div class="input-wrap">
					<label>用户名</label>
					<input data-rule='pattern:"^[a-z0-9]*$"|maxlength:8|minlenght:4'  type="text" class="input-control" name="name"/>
					<div id="name-input-error" class="input-error">姓名的格式有误</div>
				</div>
				<div class="input-wrap">
					<label>自我介绍</label>
					<input data-rule='required:false|minlength:1024'  type="text" class="input-control" name="username"/>
					<div id="user-input-error" class="input-error">自我介绍的格式有误</div>
				</div>
				<div class="input-wrap">
					<label>密码</label>
					<input data-rule='minlength:6|maxlength:64'  type="password" class="input-control" name="password"/>
					<div id="password-input-error" class="input-error">姓名的格式有误</div>
				</div>
				<div class="input-wrap">
					<label>年龄</label>
					<input data-rule='min:18'  type="password" class="input-control" name="age"/>
					<div id="age-input-error" class="input-error">姓名的格式有误</div>
				</div>
			   <button type="submit">提交</button>
			</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script src="js/validator.js"></script>
		<script type="text/javascript" src="js/input.js" ></script>
		<script src="js/main.js"></script>
		<script type="text/javascript">
//			
//			function fn(phone){
//				phone = phone.toString().replace(/(\d{3})\d{4}(\d{4})/,'$1****$2');
//				return phone;
//			}
//			console.log('fn',fn(15033666201));
		</script>
	</body>
</html>
